.@{prefix}grid {
    &_item_view {
        display: inline-block;
        padding: 0 10 * @unit;

        img {
            width: 100%;
        }

        &__img {
            width: 100%;
        }

        &__label {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
            padding: 10 * @unit 0;
            color: #333;
        }
    }

    .slick-dots {
        position: absolute;
        bottom: 0;

        li {
            height: 2 * @unit;
            width: 16 * @unit;
            padding: 0;

            button {
                height: 100%;
                width: 100%;
                padding: 0;

                &:before {
                    content: "";
                    background: #333;
                    width: 100%;
                    height: 100%;
                    border-radius: 2 * @unit;
                }
            }
        }
    }
}